@charset "utf-8";
.mj-input-number {
    display: inline-block;vertical-align: middle;position: relative;height:32px;line-height: 32px;width:130px;
}
.mj-input-number * {box-sizing: border-box;}
.mj-input-number input {
    font-size:14px;
    width:100%;
    text-align: center;outline: none;border:none;height:100%;
    border:1px solid #dcdee2;
    border-radius:3px;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out 0s;
}
.mj-input-number:not(.is-controls-right) input {
    padding:0 34px;
}

.mj-input-number:hover input {
    outline: none;
    border-color: var(--focus);
    box-shadow: 2px 2px 5px #ebeaea;
}

.mj-input-number .number-control a {display: block;position: absolute;top: 2px;width: 32px;bottom: 0px;background: #f5f7fa;left: 1px;border-right: 1px solid #dcdfe6;text-align: center;font-size: 18px;color:#606266;}
.mj-input-number .number-control a.minus {border-radius:3px 0 0 3px;}
.mj-input-number .number-control a.add {border-radius:0 3px 3px 0;}

.mj-input-number .number-control a.minus:after {
    content: "\e62e";
    font-family: icon;
}
.mj-input-number .number-control a.plus:after {
    content: "\e6df";
    font-family:icon;
}
.mj-input-number .number-control a:last-child {left: auto;right: 1px;border-left: 1px solid #dcdfe6;border-right-color: transparent;}
.mj-input-number .number-control a.disabled {cursor: not-allowed;color: #999}

.mj-input-number .number-control a.disabled .number-control a {
    background: #eee;cursor: not-allowed;
}
.mj-input-number.disabled input {cursor: not-allowed;background: #f3f3f3;color:#c0c4cc;}
.mj-input-number.disabled .number-control a {cursor: not-allowed;color:#c0c4cc;}
.mj-input-number.is-controls-right .number-control a {
    right:1px;left:auto;height: 15px;line-height: 15px;opacity: .6;
}
.mj-input-number.is-controls-right:hover .number-control a {
    opacity: 1;
}
.mj-input-number.is-controls-right .number-control a.plus {border-radius:0 3px 0 0;border-right:none;border-bottom: 1px solid #dcdfe6;}
.mj-input-number.is-controls-right .number-control a.minus {bottom:1px;top:auto;border-left: 1px solid #dcdfe6;border-right:none;border-radius:0 0 3px 0;}
.mj-input-number.is-controls-right .number-control a.plus:after {
    content:"\e666";   
    font-size: 12px;
}
.mj-input-number.is-controls-right .number-control a.minus:after {
    content:"\e667";  
    font-size: 12px;
}
/*large*/
.mj-input-number.is-controls-right input {padding-right:32px;}
.mj-input-number.is-large {height:40px;line-height: 40px;width:150px;}
.mj-input-number.is-large .number-control a {width:38px;}
.mj-input-number.is-large.is-controls-right .number-control a {height:19px;line-height: 19px;}
.mj-input-number.is-large.is-controls-right input {padding-right:38px;}
.mj-input-number.is-large input {font-size:16px;}
.mj-input-number.is-large:not(.is-controls-right) input {padding:0 40px;}
/*small*/
.mj-input-number.is-small {height:24px;line-height: 24px;width:100px;}
.mj-input-number.is-small .number-control a {width:24px;font-size: 13px;top:2px;height:22px;}
.mj-input-number.is-small.is-controls-right .number-control a {height:11px;line-height: 11px;bottom:0;}
.mj-input-number.is-small.is-controls-right input {padding-right:24px;}
.mj-input-number.is-small input {font-size:12px;}
.mj-input-number.is-small:not(.is-controls-right) input {padding:0 26px;}
.mj-input-number.is-small.is-controls-right a.plus {top:2px;}